import {Component, ComponentProps, VueComponent, Mut} from "vue3-oop";
import {NButton, NCard, NCollapse, NDrawer, NDrawerContent, NForm, NScrollbar, NSpace, NTag, NTabs, NTabPane} from "naive-ui";
import BpmnModeler from '../../../BpmnModeler';
import { ConfigProcessPanel } from './panels';

interface IProps {
  bpmnModeler: BpmnModeler,
}
@Component()
export default class ProcessTabs extends VueComponent<IProps> {
  static defaultProps: ComponentProps<IProps> = {
    bpmnModeler: {},
  }


  render(){

    return(
      <NTabs type="line" animated >
        <NTabPane name={ConfigProcessPanel.tabKey} tab={ConfigProcessPanel.tabName}><NScrollbar><ConfigProcessPanel bpmnModeler={this.props.bpmnModeler} /></NScrollbar></NTabPane>
      </NTabs>
    )
  }
}